{extend name="base-sub" /}

{block name="title"}基因治疗 - geneholo{/block}

{block name="body"}
<!-- sign-module -->   
<header data-background="/assets/images/banner-gene_therapy.png" data-height="30%" class="ct-header" style="background-image: url('/assets/images/about_overview_landing-banner.jpg');">
  <div class="inner landing-page">
    <div class="container">
      <div class="row">
        <div class="col-sm-12">
          <h4 class="header-font">Gene therapy：</h4>
          <h3 class="header-font">Years of concentration and accumulation make us different in gene therapy, and that will help us change the world pattern of health industry. </h3>
          <!-- <ol class="breadcrumb">
            <li>
              <a href="/">公司</a></li>
            <li class="active">基因治疗</li></ol> -->
        </div>
      </div>
    </div>
  </div>
</header>

<!-- sign-module -->  
<section class="ct-u-padding-top-35 ct-u-padding-bottom-50" style="">
  <div class="container">
  <div class="row">
  <div class="col-sm-12">
    <style>
      .-section-list {
        font-family: "Microsoft YaHei";
        width: 100%;
        text-align: center;
        padding: 0;
        
      }
      .-section-list li {
        display: inline-block;
        padding: 20px;
        /* width: 32%;
        margin: 0.5%;
        padding: 3em 1em;
        border-radius: 5px; */
      }
      /* .-section-list li:hover {
        background-color: rgb(236, 236, 236);
      } */
      .-section-color {
        border: 1px solid rgb(124, 181, 255);
      }
      .-item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        font-size: large;
        color: rgb(255, 255, 255);
        /* font-weight: 700; */
        background-position: center center;
        background-size: cover;
        border-radius: 20px;
        padding: 35% 0;
      }
      /* .-item:hover {
        text-decoration:none;
      } */
      .-item span {
        display: inline-block;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.288);
        padding: 1em;
        font-weight: 700;
        /* color: #fff; */
      }
      .-item-1 {
        background-image: url(/assets/images/bg-disease-01.png);
      }
      .-item-2 {
        background-image: url(/assets/images/bg-disease-02.png);
      }
      .-item-3 {
        background-image: url(/assets/images/bg-disease-03.png);
      }
      .-item-4 {
        background-image: url(/assets/images/bg-disease-04.png);
      }
      .-item-5 {
        background-image: url(/assets/images/bg-disease-05.png);
      }
      .-item-6 {
        background-image: url(/assets/images/bg-disease-06.png);
      }
      /* .-section-list li a:hover {
        color: rgb(68, 123, 165);
      } */
    </style>
    <div class="col-md-12 pl0 editable" style="margin-bottom:14px;" id="untitled-region-4">
      <p><span style="font-size: xx-large;color:#f60">基因治疗</span></p>
      <ul class="-section-list">
          {foreach name="diseases" id="item" key="key"}
            <li class="col-md-4"><a class="-item -item-{$item['index']+1}" href="{:url('Index/geneDisease', ['name'=>$key])}"><span>{$item['name']}</span></a></li>
          {/foreach}
      </ul>
    </div>
  </div>
  </div>
  </div>
</section>
{/block}